<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="path" value="${pageContext.request.contextPath}" scope="page"/>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="referrer" content="no-referrer">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="${path}/css/bootstrap.min.css" rel="stylesheet" />
    <link href="${path}/css/sweetalert2.min.css" rel="stylesheet" />
    <!-- My CSS -->
    <link href="${path}/css2/css-userMain1_1.css" rel="stylesheet"/>

</head>
<body>
<div id="first-right-1" class="first-right-n">
    <div class="panel panel-info">
        <div class="panel-heading">
            <div id="user-header">
            </div>
            <div id="user-name">
                <p>${user.nickname}</p>
            </div>
            <div id="pay">
                <p>我的支付宝</p>
            </div>
            <div id="my-address">
                <p>我的地址</p>
            </div>
        </div>
        <div class="panel-body">
            <ul>
                <li>待支付</li>
                <li>待确认</li>
                <li>代收书</li>
                <li>待评价</li>
                <li>待归还</li>
            </ul>
        </div>
    </div>

    <div id="you-like" class="panel panel-info">
        <div class="panel-heading">
            根据浏览，猜我喜欢
            <button id="change" type="button" title="" class="bnt btn-primary">
                <span class="glyphicon glyphicon-refresh"></span>换一组
            </button>
        </div>
        <div id="like-body" class="panel-body">
            <div class="book-wrap">
                <div class="book thumbnail" data-toggle="tooltip" data-placement="left" title="444">
                    <img src="https://img3.doubanio.com/view/subject/s/public/s4364071.jpg" onerror="this.src='${path}/images/default-book.png'" />
                    <p>デュラララ!!×7 </p>
                </div>
            </div>
            <div class="book-wrap">
                <div class="book thumbnail" data-toggle="tooltip" data-placement="left" title="444">
                    <img src="https://img3.doubanio.com/view/subject/s/public/s4364071.jpg" onerror="this.src='${path}/images/default-book.png'" />
                    <p>デュラララ!!×7 </p>
                </div>
            </div>
            <div class="book-wrap">
                <div class="book thumbnail" data-toggle="tooltip" data-placement="left" title="444">
                    <img src="https://img3.doubanio.com/view/subject/s/public/s4364071.jpg" onerror="this.src='${path}/images/default-book.png'" />
                    <p>デュラララ!!×7 </p>
                </div>
            </div>
            <div class="book-wrap">
                <div class="book thumbnail" data-toggle="tooltip" data-placement="left" title="444">
                    <img src="https://img3.doubanio.com/view/subject/s/public/s4364071.jpg" onerror="this.src='${path}/images/default-book.png'" />
                    <p>デュラララ!!×7 </p>
                </div>
            </div>
            <div class="book-wrap">
                <div class="book thumbnail" data-toggle="tooltip" data-placement="left" title="444">
                    <img src="https://img3.doubanio.com/view/subject/s/public/s4364071.jpg" onerror="this.src='${path}/images/default-book.png'" />
                    <p>デュラララ!!×7 </p>
                </div>
            </div>
            <div class="book-wrap">
                <div class="book thumbnail" data-toggle="tooltip" data-placement="left" title="444">
                    <img src="https://img3.doubanio.com/view/subject/s/public/s4364071.jpg" onerror="this.src='${path}/images/default-book.png'" />
                    <p>デュラララ!!×7 </p>
                </div>
            </div>
            <div class="book-wrap">
                <div class="book thumbnail" data-toggle="tooltip" data-placement="left" title="444">
                    <img src="https://img3.doubanio.com/view/subject/s/public/s4364071.jpg" onerror="this.src='${path}/images/default-book.png'" />
                    <p>デュラララ!!×7 </p>
                </div>
            </div>
            <div class="book-wrap">
                <div class="book thumbnail" data-toggle="tooltip" data-placement="left" title="444">
                    <img src="https://img3.doubanio.com/view/subject/s/public/s4364071.jpg" onerror="this.src='${path}/images/default-book.png'" />
                    <p>デュラララ!!×7 </p>
                </div>
            </div>
            <div class="book-wrap">
                <div class="book thumbnail" data-toggle="tooltip" data-placement="left" title="444">
                    <img src="https://img3.doubanio.com/view/subject/s/public/s4364071.jpg" onerror="this.src='${path}/images/default-book.png'" />
                    <p>デュラララ!!×7 </p>
                </div>
            </div>
            <div class="book-wrap">
                <div class="book thumbnail" data-toggle="tooltip" data-placement="left" title="444">
                    <img src="https://img3.doubanio.com/view/subject/s/public/s4364071.jpg" onerror="this.src='${path}/images/default-book.png'" />
                    <p>デュラララ!!×7 </p>
                </div>
            </div>

        </div>
    </div>

</div>

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script type="text/javascript" src="${path}/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="${path}/js/sweetalert2.min.js"></script>
<script type="text/javascript" src="${path}/js2/page-userMain1_1.js"></script>
<script type="text/javascript" src="${path}/js2/UserPageRecommend.js"></script>

<script type="text/javascript">
    $(function(){
        UserPageRecommend.init("${path}");

    });
</script>

<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="${path}/js/bootstrap.min.js"></script>
</body>
</html>
